<!DOCTYPE html>

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8" />

  <!-- Set the viewport width to device width for mobile -->
  <meta name="viewport" id="view" content="width=device-width minimum-scale=1, maximum-scale=1" />

  <title>TouchM :: Premium Multipurpose Responsive Theme</title>
  
  <!-- Included CSS Files (Compressed) -->
  <link rel="stylesheet" href="stylesheets/foundation.min.css">
  <link rel="stylesheet" href="stylesheets/app.css">
  <link rel="stylesheet" href="stylesheets/style1.css">
<link rel="stylesheet" href="stylesheets/color1.css">
  
  <!-- Plugins CSS -->
  <link href="plugins/titan/css/jquery.titanlighbox.css" rel="stylesheet" type="text/css">
  
  <!-- Google Fonts --> 
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css'> 
 
  <!-- Included JS Files (Compressed) -->
  <script src="javascripts/jquery.js"></script>
  <script src="javascripts/foundation.min.js"></script>
  <script src="javascripts/modernizr.foundation.js"></script> 
    
  <!-- Slider Revolution JS FILES  -->
  <script type="text/javascript" src="plugins/slider-revolution/jquery.themepunch.plugins.min.js"></script>
  <script type="text/javascript" src="plugins/slider-revolution/jquery.themepunch.revolution.min.js"></script>
  
  <!-- Tooltips -->
  <script type="text/javascript" src="javascripts/jquery.tipsy.js"></script>
  
  <!-- CarouFredSel plugin -->
  <script type="text/javascript"  src="javascripts/jquery.carouFredSel-6.0.3-packed.js"></script>
  <!-- optionally include helper plugins -->
  <script type="text/javascript"  src="javascripts/jquery.touchSwipe.min.js"></script>
  
  <!-- Titan Lightbox -->
  <script type="text/javascript" src="plugins/titan/js/prettify.js"></script>
  <script type="text/javascript" src="plugins/titan/js/jquery.titanlighbox.js"></script>
    
  <!-- Scripts Initialize -->
  <script src="javascripts/app-head.js"></script>
  

  <!-- IE Fix for HTML5 Tags -->
  <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  



</head>
<body onload="initialize()">
<!-- Region 1 Wrap -->

  <div class="container region1wrap">  
         
    <!-- Top Header -->
  	<div class="row top_header">
    
        <div class="six columns">
        
    				<ul class="link-list">
  						<li><a href="#">Order Now</a></li>
  						<li><a href="#">Pricing</a></li>
  						<li><a href="#">Site Map</a></li>
					</ul> 
  			
  				
    				<div class="login user-control">
            			Hello, <a href="#"> John Smith<span class="notification">4</span></a>
            		</div>


   	    </div>
        
        <div class="six columns">
        
        	<ul class="top_social">
  				<li><a class="has-tipsy" href="http://twitter.com/" title="Twitter"><img src="images/social/Twitter.png" alt="Twitter"></a></li>
  				<li><a class="has-tipsy" href="http://www.facebook.com/" title="Facebook"><img src="images/social/Facebook.png" alt="Facebook"></a>
  				<li><a class="has-tipsy" href="http://google.com/" title="Google"><img src="images/social/Google.png" alt="Google+"></a></li>
                <li><a class="has-tipsy" href="http://www.LinkedIn.com/" title="LinkedIn"><img src="images/social/LinkedIn.png" alt="LinkedIn"></a></li>
                <li><a class="has-tipsy" href="http://www.Flickr.com/" title="Flickr"><img src="images/social/Flickr.png" alt="Flickr"></a></li>
                <li><a class="has-tipsy" href="http://vimeo.com/" title="Vimeo"><img src="images/social/Vimeo.png" alt="Vimeo"></a></li>
  				<li><a class="has-tipsy" href="http://www.rss.com/" title="RSS"><img src="images/social/RSS.png" alt="RSS"></a></li>
			</ul>

		</div>
    
  	</div>
    <!-- End Top Header -->
    
  </div>
  
<!-- End Region 1 Wrap -->

<!-- Region 2 Wrap -->

<div class="container region2wrap">
  
	<div class="row">
    
    	<!-- Logo -->
            
    	<div class="three columns">

        	<a href="index.html" id="logo"><h1>Touch<span>M</span></h1></a>
        
  		</div>
        
        <!-- End Logo -->
        
        <!-- Main Navigation -->
        
        <div class="nine columns">

			<nav class="top-bar">
        
    			<ul>
      				<!-- Toggle Button Mobile -->
      				<li class="name">
        			<h1><a href="#"> Please select your page</a></h1>
      				</li>
      				<li class="toggle-topbar"><a href="#"></a></li>
                    <!-- End Toggle Button Mobile -->
    			</ul>



      			<section><!-- Nav Section -->
      			<ul class="right">
        
        			<li class="has-dropdown">
          				<a href="index.html">Home</a>
          				<ul class="dropdown">
            				<li><a href="index.html">Home Page - Default</a></li>
            				<li><a href="index-type1.html">Home Page Type 1</a></li>
                            <li><a href="index-type2.html">Home Page Type 2</a></li>
                            <li class="has-dropdown"><a href="#">TouchM Sliders</a>
                            	<ul class="dropdown">
            						<li><a href="index.html">Slider Revolution</a></li>
            						<li><a href="index-flexi.html">Flexislider</a></li>
                                    <li><a href="index-camera.html">Camera Slider</a></li>
                                </ul>
                            </li>
          				</ul>
        			</li>
        
        			<li class="has-dropdown">
        				<a  href="#">Features</a>
            			<ul class="dropdown">
            				<li><a href="about.html">About Us</a></li>
            				<li><a href="services.html">Services</a></li>
            				<li><a href="pricing.html">Pricing Tables</a></li>
            				<li><a href="shortcodes.html">Shortcodes</a></li>
            				<li><a href="notfound.html">404 Not Found</a></li>
            				<li><a href="under-construction.html">Under Construction</a></li>
            				<li class="has-dropdown"><a href="#">Third Navigation Level</a>
            					<ul class="dropdown">
            						<li><a href="#">This is a simple example</a></li>
            						<li><a href="#">Of the Third Level</a></li>
               					</ul>
            				</li>
            			</ul>        
        			</li>
        
        			<li class="has-dropdown">
          				<a class="active" href="#">Blog</a>
          					<ul class="dropdown">
                            	<li><a href="blog_sidebar_right.html">Blog Default</a></li>
                            	<li><a href="blog_type1.html">Blog Type 1</a></li>
                                <li><a href="blog_type2.html">Blog Type 2</a></li>         
            					<li><a href="blog_sidebar_right.html">Sidebar Right</a></li>
            					<li><a href="blog_sidebar_left.html">Sidebar Left</a></li>
            					<li><a href="blog_inner.html">Single Post</a></li>
          					</ul>
        			</li>
        
        			<li class="has-dropdown">
          				<a href="#">Portfolio</a>
          					<ul class="dropdown">             
            					<li><a href="portfolio_default.html">Portfolio Default (4 Columns)</a></li>         
            					<li><a href="portfolio_type1.html" class="">Portfolio 2 Columns</a></li>
            					<li><a href="portfolio_type2.html">Portfolio 3 Columns</a></li> 
                                <li><a href="portfolio_default.html">Portfolio 4 Columns</a></li>            
            					<li><a href="single-project.html">Single Project</a></li>
          					</ul>
        			</li>
        
        			<li><a href="contact.html">Contact</a></li>
        
      			</ul>
                </section><!-- End Nav Section -->

  			</nav>            
        
    	</div>
        
        <!-- End Main Navigation -->         
        
	</div>
    
</div>
  
<!-- End Region 2 Wrap -->

<!-- Region 3 Wrap -->

  <div class="container region3wrap">  
  
    
    <!-- Content Top -->  
  	<div class="row content_top">
        
    	<div class="nine columns">
       
			<ul class="breadcrumbs">
 				<li><a href="index.html">Home</a></li>
  				<li><a href="#">Pages</a></li>
  				<li class="current"><a href="#">Blog</a></li>
			</ul>

		</div>
        
        <div class="three columns">

			<div class="row">
 				<div class="twelve columns">
    				<div class="row collapse top_search">
      					<div class="ten mobile-three columns">
        					<input type="text" placeholder="Enter search terms" />
      					</div>
      					<div class="two mobile-one columns">
        					<a href="#" class="button icon-search"></a>
      					</div>
    				</div>
  				</div>
			</div>

		</div>
        
  	</div>
    <!-- End Content Top -->
    
  </div>
  
<!-- End Region 3 Wrap -->

<!-- Region 4 Wrap -->

  <div class="container region4wrap">
  
  	<div class="row maincontent">
    
    	<div class="twelve columns">
        	
        	<div class="page_title">
        
        		<div class="row">
            	
            		<div class="twelve columns">
        				<h1>Welcome to our blog</h1>
            		</div>
            
            	</div>
                
        	</div>
        
        </div>
    
    	<!-- Blog Content -->      
		<div class="eight columns">
      	
			<!-- Begin Article -->
            <div class="row">
            
            	<div class="two columns post-date-type1">
                
                	<div class="post-date-day">21</div>
                    <div class="post-date-month">OCT</div>
                
                </div>
                
                <div class="ten columns">
                
                	<div class="row">                    
                    	
                        <div class="twelve columns">
                        
                        	<h2 class="article_title"><a href="blog_inner.html">Using slider as a media blog content</a></h2>
                
                			<div class="article_media">
                    	
                       			<div class="simple-slider flexslider">          					
                            		<ul class="slides">
            							<li class="image-overlay" data-thumb="images/works/blog/2.jpg">
  	    	    							<a class="titan-lb" data-titan-group="gallery" href="images/works/blog/2.jpg" title="Skyde - Travel far away to a old pirate space station."><img src="images/works/blog/2.jpg" alt="" />
                                    			<span class="overlay-icon item-zoom"></span>
                                    		</a>                                    
  	    								</li>
  	    								<li class="image-overlay" data-thumb="images/works/blog/3.jpg">
  	    	    							<a class="titan-lb" data-titan-group="gallery" href="images/works/blog/3.jpg" title="Skyde - Travel far away to a old pirate space station."><img src="images/works/blog/3.jpg" alt="" />
                                    			<span class="overlay-icon item-movie"></span>
                                    		</a>
  	    								</li>
  	    								<li class="image-overlay" data-thumb="images/works/blog/4.jpg">
  	    	    							<a class="titan-lb" data-titan-group="gallery" href="images/works/blog/4.jpg" title="Skyde - Travel far away to a old pirate space station."><img src="images/works/blog/4.jpg" alt=""/>
                                    			<span class="overlay-icon item-image"></span>
                                   			</a>
  	    								</li>
          							</ul>
        						</div>
                        
                    		</div>
                
            			</div>                
                
                		<div class="twelve columns">
                
                			<div class="article_content">
      		               
								<p>Curabitur risus est, aliquam at vehicula hendrerit, lacinia sit amet diam. Nulla tristique arcu et nulla ullamcorper sit amet varius odio condimentum. Ut semper porttitor ipsum, et cursus erat volutpat vitae. <br /><br />Etiam tempor egestas lacus, at fringilla dui tristique vel. Ut ac tortor ut felis interdum gravida eu sit amet elit. Nulla imperdiet justo sit amet nisl porttitor rhoncus.</p>
             
            					<a href="blog_inner.html" class="button small icon-chevron-right">Continue reading</a>
                    
                    		</div>
            
            			</div>
                
                		<div class="twelve columns">            		
            
            				<div class="article_meta_type1">
            					<ul class="link-list">
            						<li class="post-author"><span class="icon-user"></span><a href="blog-inner.html">Lance Dorgan</a></li>
            						<li class="post-categories"><span class="icon-tags"></span><a href="blog-inner.html">Illustrations</a></li>
            						<li class="post-comments"><span class="icon-comments"></span><a href="blog-inner.html">24 comments</a></li>
                				</ul>
            				</div>
            			</div>
                                            
                    </div>
                
                </div>
            
            </div>
			<!-- End  Article -->
            
            <hr class="article_hr"/>
            
            <!-- Begin Article -->
            <div class="row">
            
            	<div class="two columns post-date-type1">
                
                	<div class="post-date-day">15</div>
                    <div class="post-date-month">OCT</div>
                
                </div>
                
                <div class="ten columns">
                
                	<div class="row">                    
                    	
                        <div class="twelve columns">
                        
                        	<h2 class="article_title"><a href="blog_inner.html">Video used as media for blog article</a></h2>
                
                			<div class="article_media">
                    	
                       			<div class="flex-video widescreen vimeo">
  									<iframe src="http://player.vimeo.com/video/1084537?badge=0" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> <p><a href="http://vimeo.com/1084537">Big Buck Bunny</a> from <a href="http://vimeo.com/user508904">Blender Foundation</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
								</div>
                        
                    		</div>
                
            			</div>                
                
                		<div class="twelve columns">                			
                
                			<div class="article_content">
      		               
								<p>Curabitur risus est, aliquam at vehicula hendrerit, lacinia sit amet diam. Nulla tristique arcu et nulla ullamcorper sit amet varius odio condimentum. Ut semper porttitor ipsum, et cursus erat volutpat vitae. <br /><br />Etiam tempor egestas lacus, at fringilla dui tristique vel. Ut ac tortor ut felis interdum gravida eu sit amet elit. Nulla imperdiet justo sit amet nisl porttitor rhoncus.</p>
             
            					<a href="blog_inner.html" class="button small icon-chevron-right">Continue reading</a>
                    
                    		</div>
            
            			</div>
                
                		<div class="twelve columns">            		
            
            				<div class="article_meta_type1">
            					<ul class="link-list">
            						<li class="post-author"><span class="icon-user"></span><a href="blog-inner.html">Pamela Wehinger</a></li>
            						<li class="post-categories"><span class="icon-tags"></span><a href="blog-inner.html">3D Design</a></li>
            						<li class="post-comments"><span class="icon-comments"></span><a href="blog-inner.html">16 comments</a></li>
                				</ul>
            				</div>
            			</div>
                                            
                    </div>
                
                </div>
            
            </div>
			<!-- End  Article -->
            
            <hr class="article_hr"/>
            
            <!-- Begin Article -->
            <div class="row">o
            
            	<div class="two columns post-date-type1">
                
                	<div class="post-date-day">9</div>
                    <div class="post-date-month">OCT</div>
                
                </div>
                
                <div class="ten columns">
                
                	<div class="row">                    
                    	
                        <div class="twelve columns">
                        
                        	<h2 class="article_title"><a href="blog_inner.html">Simple Images used on media block</a></h2>
                
                			<div class="article_media">
                    	
                       			<img src="images/works/blog/3.jpg" width="938" height="500" alt="Simple Image Media Blog">
                        
                    		</div>
                
            			</div>                
                
                		<div class="twelve columns">                			
                
                			<div class="article_content">
      		               
								<p>Curabitur risus est, aliquam at vehicula hendrerit, lacinia sit amet diam. Nulla tristique arcu et nulla ullamcorper sit amet varius odio condimentum. Ut semper porttitor ipsum, et cursus erat volutpat vitae. <br /><br />Etiam tempor egestas lacus, at fringilla dui tristique vel. Ut ac tortor ut felis interdum gravida eu sit amet elit. Nulla imperdiet justo sit amet nisl porttitor rhoncus.</p>
             
            					<a href="blog_inner.html" class="button small icon-chevron-right">Continue reading</a>
                    
                    		</div>
            
            			</div>
                
                		<div class="twelve columns">            		
            
            				<div class="article_meta_type1">
            					<ul class="link-list">
            						<li class="post-author"><span class="icon-user"></span><a href="blog-inner.html">Lance Dorgan</a></li>
            						<li class="post-categories"><span class="icon-tags"></span><a href="blog-inner.html">3D Design</a>, <a href="blog-inner.html">Illustrations</a></li>
            						<li class="post-comments"><span class="icon-comments"></span><a href="blog-inner.html">6 comments</a></li>
                				</ul>
            				</div>
            			</div>
                                            
                    </div>
                
                </div>
            
            </div>
			<!-- End  Article -->
            
            <hr class="article_hr"/>
            
            <!-- Pagination -->
            
            <div class="row">
            
            	<div class="twelve columns">
            
            		<ul class="pagination">
  						<li class="arrow unavailable"><a href=""><span class="icon-chevron-left"></span></a></li>
  						<li class="current"><a href="">1</a></li>
  						<li><a href="">2</a></li>
  						<li><a href="">3</a></li>
  						<li><a href="">4</a></li>
  						<li class="unavailable"><a href="">&hellip;</a></li>
  						<li><a href="">12</a></li>
  						<li><a href="">13</a></li>
  						<li class="arrow"><a href=""><span class="icon-chevron-right"></span></a></li>
					</ul>

				</div>
            
            </div>
            
            <!-- End Pagination -->
            
		</div>
        <!-- End Blog Content -->
        
    	<!-- Sidebar Left -->
        <div class="four columns sidebar-right">
        	
        	
            <!-- Sidebar Widget -->
            <div class="sidebar-widget">           	
            	
                <h3>Popular Articles</h3>
                                        
      			<ul class="sidebar-list">
        			<li><a href="#"><span class="date"><i class="icon-calendar"></i>June 29, 2012</span>Erat nisl faucibus justo verit et quasi architecto beatae.</a></li>
        			<li><a href="#"><span class="date"><i class="icon-calendar"></i>June 29, 2012</span>Ut semper porttitor ipsum, et cursus erat volutpat vitae.</a></li>
        			<li><a href="#"><span class="date"><i class="icon-calendar"></i>June 29, 2012</span>Mauris porttitor nisi sit amet felis porta congue. </a></li>
        			<li><a href="#"><span class="date"><i class="icon-calendar"></i>June 29, 2012</span>Quisque ac felis felis, ornare sem. Proin ut nisi tortor. </a></li>
       				<li><a href="#"><span class="date"><i class="icon-calendar"></i>June 29, 2012</span>Erat nisl faucibus justo verit et quasi architecto beatae.</a></li>
      			</ul>
                
            </div>
            <!-- End Sidebar Widget -->
            
            <!-- Sidebar Widget -->
            <div class="sidebar-widget">           	
            	
                <h3>Text Widget</h3>
                                        
      			<p>Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
                <a href="#" class="button expand"><i class="icon-question-sign"></i>Need More Info?</a>
                
            </div>
            <!-- End Sidebar Widget -->
            
            <!-- Sidebar Widget -->
            <div class="sidebar-widget">           	
            	
                <h3>Blog Archives</h3>
                                        
      			<ul class="toggle-view">
                
					<li>
						<h2>November 2012</h2><span><i class="icon-plus"></i></span>
					
                    	<div class="toggle-content">
							<ul class="disc">
                            	<li><a href="index.html">Illustration A to Z</a></li>
                                <li><a href="#">Web Design technics</a></li>
                                <li><a href="#">3D Design</a></li>
                                <li><a href="#">HTML5 / CSS3</a></li>
                                <li><a href="#">UI design</a></li>
                                <li><a href="#">Uncategorized</a></li>
                            </ul>
						</div>
					
                    </li>
				
                	<li>
						<h2>Octomber 2012</h2><span><i class="icon-plus"></i></span>
    					
                        <div class="toggle-content">
							<ul class="disc">
                            	<li><a href="#">Illustration A to Z</a></li>
                                <li><a href="#">Web Design technics</a></li>
                                <li><a href="#">3D Design</a></li>
                                <li><a href="#">HTML5 / CSS3</a></li>
                                <li><a href="#">UI design</a></li>
                                <li><a href="#">Uncategorized</a></li>
                            </ul>
						</div>
					</li>
                    
					<li>
						<h2>September 2012</h2><span><i class="icon-plus"></i></span>

						<div class="toggle-content">
							<ul class="disc">
                            	<li><a href="#">Illustration A to Z</a></li>
                                <li><a href="#">Web Design technics</a></li>
                                <li><a href="#">3D Design</a></li>
                                <li><a href="#">HTML5 / CSS3</a></li>
                                <li><a href="#">UI design</a></li>
                                <li><a href="#">Uncategorized</a></li>
                            </ul>
						</div>
					</li>
                    
                    <li>
						<h2>August 2012</h2><span><i class="icon-plus"></i></span>

						<div class="toggle-content">
							<ul class="disc">
                            	<li><a href="#">Illustration A to Z</a></li>
                                <li><a href="#">Web Design technics</a></li>
                                <li><a href="#">3D Design</a></li>
                                <li><a href="#">HTML5 / CSS3</a></li>
                                <li><a href="#">UI design</a></li>
                                <li><a href="#">Uncategorized</a></li>
                            </ul>
						</div>
					</li>
                    
				</ul>
                
            </div>
            <!-- End Sidebar Widget -->     
      		
        
    	</div>
        <!-- End Sidebar Left -->
                       
  	</div>
    
  </div>
  
<!-- End Region 4 Wrap -->

<!-- Region 9 Wrap -->

  <div class="container region9wrap">
  
  	 <!-- Bottom Content -->
    <div class="row content_bottom">
    
    	<!-- // // // // // // // // // // -->
        
    	<div class="eight columns">
       
			<h2>Sign up for our newsletter</h2>
            <p>Keep up-to-date with the latest news and updates by subscribing to our newsletter.</p>
            
		</div>
        
        <!-- // // // // // // // // // // -->
        
        <div class="four columns">
			<div class="row collapse newsletter-input">
				<div class="eight mobile-three columns">
					<input type="text" placeholder="Enter your email address" />
				</div>
				<div class="four mobile-one columns">
					<a href="#" class="button expand">Subscribe</a>
				</div>
			</div>
		</div>
        
        <!-- // // // // // // // // // // -->        
        
  	</div>
    <!-- End Bottom Content -->
    
    <!-- Footer -->  
  	<div class="row footer">
        
        <!-- // // // // // // // // // // -->
        
        <div class="four columns">
        
        	<h4>About Us</h4>
        	<p>We say what we do, we do what we say, and we're looking forward to prove it to you.</p>
      		<ul class="vcard">
                <li class="address">001 Some Street. Los Angeles, CA, 12345. USA</li>
				<li class="tel"><a href="1234567890">(123) 456-7890</a></li>
                <li class="email"><a href="office@TouchM.com">office@TouchM.com</a></li>
			</ul>

   	    </div>
        
        <!-- // // // // // // // // // // -->
        
        <div class="four columns">
        
        	<h4>Latest Posts</h4>
			
            <ul class="footer-list">
            	<li><a href="#">Mauris pellentesque laoreet lacus non condimentum.</a></li>
  				<li><a href="#">Vestibulum vel diam orci vitae.</a></li>
                <li><a href="#">Suspendisse elementum magna sed lorem faucibus eleifend.</a></li>
  				<li><a href="#">Phasellus placerat convallis congue.</a></li>
  				<li><a href="#">Etiam vehicula lacus fringilla lacus tristique pretium.</a></li>
			</ul>  

   	    </div>
        
        <!-- // // // // // // // // // // -->
        
        <div class="four columns">
        
            <h4>Latest Tweets</h4>
            
			<ul class="footer-list twitter">
  				<li>@4grafx  Go Mobile - 'Quickr – WordPress Responsive HTML 5 Premium Template'<a href="#">goo.gl/1HQER</a><a class="twit-date">28 minutes ago</a></li>
            	<li>@4grafx  20+ Enhancing CSS3 tools and generators <a href="#">goo.gl/1HQER</a><a class="twit-date">2 days ago</a></li>   
			</ul> 

   	    </div>
        
        <!-- // // // // // // // // // // -->
        
  	</div>
    <!-- End Footer -->
    
  </div>
  
<!-- End Region 9 Wrap -->

<!-- Region 10 Wrap -->

  <div class="container region10wrap">
  
  	<div class="row footer_bottom">
       
        <!-- Bottom -->
        
        <!-- // // // // // // // // // // -->
        
        <div class="six columns">
        
        	<p class="copyright">© 2012 TouchM by 4GraFx. All rights reserved</p>

   	    </div>
        
        <!-- // // // // // // // // // // -->
        
        <div class="six columns">
        
			<ul class="link-list">
  				<li><a href="#">Home</a></li>
  				<li><a href="#">Pages</a></li>
  				<li><a href="#">Blog</a></li>
  				<li><a href="#">Porfolio</a></li>
  				<li><a href="#">Contact</a></li>
			</ul>

   	    </div>
        
        <!-- // // // // // // // // // // -->
        
        <!-- Bottom -->
        
  	</div>
  </div>
  
<!-- End Region 10 Wrap -->

  
  
  <!-- Included JS Files (Uncompressed) -->
  <!--
  
  <script src="javascripts/jquery.js"></script>
  
  <script src="javascripts/jquery.foundation.mediaQueryToggle.js"></script>
  
  <script src="javascripts/jquery.foundation.forms.js"></script>
  
  <script src="javascripts/jquery.foundation.reveal.js"></script>
  
  <script src="javascripts/jquery.foundation.navigation.js"></script>
  
  <script src="javascripts/jquery.foundation.buttons.js"></script>
  
  <script src="javascripts/jquery.foundation.tabs.js"></script>
  
  <script src="javascripts/jquery.foundation.tooltips.js"></script>
  
  <script src="javascripts/jquery.foundation.accordion.js"></script>
  
  <script src="javascripts/jquery.placeholder.js"></script>
  
  <script src="javascripts/jquery.foundation.alerts.js"></script>
  
  <script src="javascripts/jquery.foundation.topbar.js"></script>
  
  -->
  
<!-- Back To Top -->
  <a href="#" class="scrollup">Scroll</a>
<!-- End Back To Top -->

<!-- FlexSlider -->
  <script defer src="plugins/flexislider/jquery.flexslider.js"></script>
  
<!-- Initialize JS Plugins -->
  <script src="javascripts/app.js"></script>
  
</body>
</html>
